<style>
		table .btn{
		width: auto;
	}
	.pagination{
		text-align: center;
	}
	td{
		border: 0.01rem solid #DCDCDC;
		text-align: center;
	}
	tfoot td{
		color: #EE5F5B;
	}
	caption{
		border: 0.01rem solid #DCDCDC;
	}
	caption div{
		float: left;
		width: 50%;
	}
	caption div input{
		width: 20%;
	}
	caption div p{
		float: left;
	}
	.jiefengSe{
		text-align: center;
	}
	.modal-footer{
		text-align: left;
	}
	.modal-footer button{
		float: right;
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}
	span.btn{
		float: right;
		width: auto;
	}
</style>
<div class="container-fluid">
	<div class="row-fluid">
		<div class="span2" ng-include="'template/common/header.html'">
			
		</div>
		<div class="span10">
			<div class="breadcrumb" ng-include="'template/common/top.html'">
				
			</div>
			<div class="content">
					<div class="blacklist">
						<div class="breadcrumb">
						<p>黑名单列表 <span class="btn btn-success addBtn" ng-click="show()">添加黑名单</span></p>
							<div class="modal" id="addBtn" style="display: none;">
									<div class="modal-header">
										<button class="close" ng-click="cancel()">&times;</button>
										<h3>
											添加黑名单
										</h3>
									</div>
									<div class="modal-body">
										<table class="table">
											<tr>
												<td>代理ID</td>
												<td>
													<input type="text" placeholder="请输入ID"/>
												</td>
											</tr>
											<tr>
												<td>拉黑原因</td>
												<td>
													<select name="" id="">
														<option value="">-请选择-</option>
														<option value="">死了</option>
													</select>
												</td>
											</tr>
											<tr>
												<td>
													备注
												</td>
												<td>
													<input type="text" placeholder="请输入文字" />
												</td>
											</tr>
											<tr>
												<td colspan="2">
													<button class="btn btn-success">提交</button>
												</td>
											</tr>
										</table>
									</div>
								</div>
							</div>
							<table class="table">
								<caption>
									<div>
													<p>选择时间：</p>
													<input type="text" placeholder="2017"/>
													<input type="text" placeholder="1月"/>
													<input type="text" placeholder="1日"/>
												</div>
												<div class="timeChoice">
													<button >查询</button>
												</div>
								</caption>
								<thead>
									<tr>
										<td colspan="8">查询结果</td>
									</tr>
									<tr>
										<td>代理ID</td>
										<td>昵称</td>
										<td>代理类型</td>
										<td>加入黑名单</td>
										<td>拉黑时间</td>
										<td>备注</td>
										<td>用户资料</td>
										<td>操作</td>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>19535</td>
										<td>大飞哥</td>
										<td>白银代理</td>
										<td>2017-01-01</td>
										<td>恶意竞争</td>
										<td>无</td>
										<td>
											<a href="" class="detail" ng-click="show()" >查看</a>
											<div class="modal" id="detail" style="display: none;">
										<div class="modal-header">
											<h3>详细资料</h3>
										</div>
										<div class="modal-body">
											<table class="table">
												<thead>
													<tr>
														<td>代理级别:</td>
														<td>白银代理</td>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>上级代理:</td>
														<td>
															<p>无</p>
														</td>
													</tr>
													<tr>
														<td>代理ID:</td>
														<td>
															<p>6666</p>
														</td>
													</tr>
													<tr>
														<td>
															游戏ID:
														</td>
														<td>
															<p>55555</p>
														</td>
													</tr>
													<tr>
														<td>
															姓名：
														</td>
														<td>
															<p>大飞哥</p>
														</td>
													</tr>
													<tr>
														<td>
															电话：
														</td>
														<td>
															<p>188888888</p>
														</td>
													</tr>
													<tr>
														<td>
															微信账号：
														</td>
														<td>
															<p>18888</p>
														</td>
													</tr>
													<tr>
														<td>
															支付宝账号：
														</td>
														<td>
															<p>188888</p>
														</td>
													</tr>
													<tr>
														<td>
															银行账号：
														</td>
														<td>
															25558888
														</td>
													</tr>
													<tr>
														<td>
															银行卡开户人：
														</td>
														<td>
															大飞哥
														</td>
													</tr>
													<tr>
														<td>
															身份证：
														</td>
														<td>
															188888
														</td>
													</tr>
													<tr>
														<td>
															所在省：
														</td>
														<td>
															湖南省
														</td>
													</tr>
													<tr>
														<td>所在市：</td>
														<td>长沙市</td>
													</tr>
													<tr>
														<td>所在区：</td>
														<td>岳麓区</td>
													</tr>
												</tbody>
											</table>
											
										</div>
										<div class="modal-footer">
												
												<button ng-click='cancel()'>关闭</button>
												
											</div>
									</div>
										</td>
										<td>
											<a href="" ng-click="show()" class="jiefeng">解封</a>
											<div class="modal" id="jiefeng" style="display: none;">
												<div class="modal-header">
													<button class="close" ng-click="cancel()">&times;</button>
													<div class="modal-body">
														<p class="jiefengSe">是否解封</p>
													</div>
													<div class="modal-footer">
														<button>是</button>
														<button>否</button>
													</div>
												</div>
											</div>
										</td>
									</tr>
								</tbody>
							</table>
					</div>
						
					</div>
			</div>
			
		</div>
	</div>
</div>